import React from 'react';
import AMap from './components/AMap';
import BMap from './components/BMap';
import { Card, Tabs, TabsProps } from 'antd';
import "./index.scss";


const items: TabsProps['items'] = [
    {
        key: '1',
        label: '高德地图',
        children: <AMap />,
    },
    {
        key: '2',
        label: '百度地图',
        children: <BMap />,
    },
]

const Maps: React.FC = () => {

    return (
        <div className='mapcontent'>
            <Card title="地图示例" styles={{
                header: { borderBottom: "none", fontSize: "22px", fontWeight: "normal" },
                body: { paddingTop: 0 }
            }}>
                <Tabs defaultActiveKey="1" items={items} />
            </Card>
        </div>
    )
}

export default Maps;